<html>
<head>
    <meta charset="UTF-8">
    <style>
        .Odiv{ width:30px; height:30px; border-radius:50%; background-color:#cf4c6e;}
        .div-line{
            margin:0 auto;
            border-bottom:1px solid #ccc;
            width:90%;
        }
        i {
            border: solid black;
            border-width: 0 1px 1px 0;
            display: inline-block;
            padding: 10px;
        }
        .down {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
        }
        .left {
            transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
        }
        .xuanfu{
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 100;
            height: 100px;
            background-color: deepskyblue;
        }
    </style>
</head>
<body>
<!--<div class="xuanfu">-->
<!--    <div style="display:inline-block;"><i class="left"></i></div>-->
<!--    <div style="display:inline-block;margin-left: 37%;color: #FFFFFF;padding-top: 10px;font-size: 55px;">账户明细</div>-->
<!--    <div style="display:inline-block;color:red;font-size: 10px;margin-left: 37%;">...</div>-->
<!--</div>-->
<table style="font-family: 微软雅黑;width: 100%">
    <tr>
        <td style="width: 1.5%;">
            &nbsp;
        </td>
        <td style="width: 14%;">
            <div style="font-size: 40px">周四</div>
            <div style="font-size: 32px">2019/10/10</div>
        </td>
        <td style="width: 6%;">
            <div style="margin-top: -95px;">
                <div class="Odiv"></div>
            </div>
        </td>
        <td style="font-size:32px;width: 24%;color:#666666;">
            <div style="padding-top: 15px;">收入</div>
            <div style="padding-top: 15px;">余额</div>
            <div style="padding-top: 15px;">摘要</div>
            <div style="padding-top: 15px;">交易地点/附言</div>
        </td>
        <td style="font-size: 32px;width: 20%;color:#666666;">
            <div style="padding-top: 15px;color: #cf4c6e;">18,345.31</div>
            <div style="padding-top: 15px;">18,345.31</div>
            <div style="padding-top: 15px;">代发工资</div>
            <div style="margin-top: 15px;">代发工资</div>
        </td>
        <td style="width: 14.5%;">
            &nbsp;
        </td>
        <td style="width: 10%;">
            <div style="margin-top: -60px"><i class="down"></i></div>
        </td>
    </tr>
    <tr style="height: 40px;">
        <td colspan="7">
            <div class="div-line"></div>
        </td>
    </tr>
    <tr>
        <td style="width: 1.5%;">
            &nbsp;
        </td>
        <td style="width: 14%;">
            <div style="font-size: 40px">周二</div>
            <div style="font-size: 32px">2019/09/10</div>
        </td>
        <td style="width: 6%;">
            <div style="margin-top: -95px;">
                <div class="Odiv"></div>
            </div>
        </td>
        <td style="font-size:32px;width: 24%;color:#666666;">
            <div style="padding-top: 15px;">收入</div>
            <div style="padding-top: 15px;">余额</div>
            <div style="padding-top: 15px;">摘要</div>
            <div style="padding-top: 15px;">交易地点/附言</div>
        </td>
        <td style="font-size: 32px;width: 20%;color:#666666;">
            <div style="padding-top: 15px;color: #cf4c6e;">18,198.76</div>
            <div style="padding-top: 15px;">18,198.76</div>
            <div style="padding-top: 15px;">代发工资</div>
            <div style="margin-top: 15px;">代发工资</div>
        </td>
        <td style="width: 14.5%;">
            &nbsp;
        </td>
        <td style="width: 10%;">
            <div style="margin-top: -60px"><i class="down"></i></div>
        </td>
    </tr>
    <tr style="height: 40px;">
        <td colspan="7">
            <div class="div-line"></div>
        </td>
    </tr>
    <tr>
        <td style="width: 1.5%;">
            &nbsp;
        </td>
        <td style="width: 14%;">
            <div style="font-size: 40px">周五</div>
            <div style="font-size: 32px">2019/08/09</div>
        </td>
        <td style="width: 6%;">
            <div style="margin-top: -95px;">
                <div class="Odiv"></div>
            </div>
        </td>
        <td style="font-size:32px;width: 24%;color:#666666;">
            <div style="padding-top: 15px;">收入</div>
            <div style="padding-top: 15px;">余额</div>
            <div style="padding-top: 15px;">摘要</div>
            <div style="padding-top: 15px;">交易地点/附言</div>
        </td>
        <td style="font-size: 32px;width: 20%;color:#666666;">
            <div style="padding-top: 15px;color: #cf4c6e;">18,310.20</div>
            <div style="padding-top: 15px;">18,310.20</div>
            <div style="padding-top: 15px;">代发工资</div>
            <div style="margin-top: 15px;">代发工资</div>
        </td>
        <td style="width: 14.5%;">
            &nbsp;
        </td>
        <td style="width: 10%;">
            <div style="margin-top: -60px"><i class="down"></i></div>
        </td>
    </tr>
    <tr style="height: 40px;">
        <td colspan="7">
            <div class="div-line"></div>
        </td>
    </tr>
    <tr>
        <td style="width: 1.5%;">
            &nbsp;
        </td>
        <td style="width: 14%;">
            <div style="font-size: 40px">周三</div>
            <div style="font-size: 32px">2019/07/10</div>
        </td>
        <td style="width: 6%;">
            <div style="margin-top: -95px;">
                <div class="Odiv"></div>
            </div>
        </td>
        <td style="font-size:32px;width: 24%;color:#666666;">
            <div style="padding-top: 15px;">收入</div>
            <div style="padding-top: 15px;">余额</div>
            <div style="padding-top: 15px;">摘要</div>
            <div style="padding-top: 15px;">交易地点/附言</div>
        </td>
        <td style="font-size: 32px;width: 20%;color:#666666;">
            <div style="padding-top: 15px;color: #cf4c6e;">18,500.03</div>
            <div style="padding-top: 15px;">18,500.03</div>
            <div style="padding-top: 15px;">代发工资</div>
            <div style="margin-top: 15px;">代发工资</div>
        </td>
        <td style="width: 14.5%;">
            &nbsp;
        </td>
        <td style="width: 10%;">
            <div style="margin-top: -60px"><i class="down"></i></div>
        </td>
    </tr>
    <tr style="height: 40px;">
        <td colspan="7">
            <div class="div-line"></div>
        </td>
    </tr>
    <tr>
        <td style="width: 1.5%;">
            &nbsp;
        </td>
        <td style="width: 14%;">
            <div style="font-size: 40px">周一</div>
            <div style="font-size: 32px">2019/06/10</div>
        </td>
        <td style="width: 6%;">
            <div style="margin-top: -95px;">
                <div class="Odiv"></div>
            </div>
        </td>
        <td style="font-size:32px;width: 24%;color:#666666;">
            <div style="padding-top: 15px;">收入</div>
            <div style="padding-top: 15px;">余额</div>
            <div style="padding-top: 15px;">摘要</div>
            <div style="padding-top: 15px;">交易地点/附言</div>
        </td>
        <td style="font-size: 32px;width: 20%;color:#666666;">
            <div style="padding-top: 15px;color: #cf4c6e;">18,222.16</div>
            <div style="padding-top: 15px;">18,222.16</div>
            <div style="padding-top: 15px;">代发工资</div>
            <div style="margin-top: 15px;">代发工资</div>
        </td>
        <td style="width: 14.5%;">
            &nbsp;
        </td>
        <td style="width: 10%;">
            <div style="margin-top: -60px"><i class="down"></i></div>
        </td>
    </tr>
    <tr style="height: 40px;">
        <td colspan="7">
            <div class="div-line"></div>
        </td>
    </tr>
    <tr>
        <td style="width: 1.5%;">
            &nbsp;
        </td>
        <td style="width: 14%;">
            <div style="font-size: 40px">周五</div>
            <div style="font-size: 32px">2019/05/10</div>
        </td>
        <td style="width: 6%;">
            <div style="margin-top: -95px;">
                <div class="Odiv"></div>
            </div>
        </td>
        <td style="font-size:32px;width: 24%;color:#666666;">
            <div style="padding-top: 15px;">收入</div>
            <div style="padding-top: 15px;">余额</div>
            <div style="padding-top: 15px;">摘要</div>
            <div style="padding-top: 15px;">交易地点/附言</div>
        </td>
        <td style="font-size: 32px;width: 20%;color:#666666;">
            <div style="padding-top: 15px;color: #cf4c6e;">18,389.70</div>
            <div style="padding-top: 15px;">18,389.70</div>
            <div style="padding-top: 15px;">代发工资</div>
            <div style="margin-top: 15px;">代发工资</div>
        </td>
        <td style="width: 14.5%;">
            &nbsp;
        </td>
        <td style="width: 10%;">
            <div style="margin-top: -60px"><i class="down"></i></div>
        </td>
    </tr>
    <tr style="height: 40px;">
        <td colspan="7">
            <div class="div-line"></div>
        </td>
    </tr>
    <tr>
        <td style="width: 1.5%;">
            &nbsp;
        </td>
        <td style="width: 14%;">
            <div style="font-size: 40px">周三</div>
            <div style="font-size: 32px">2019/04/10</div>
        </td>
        <td style="width: 6%;">
            <div style="margin-top: -95px;">
                <div class="Odiv"></div>
            </div>
        </td>
        <td style="font-size:32px;width: 24%;color:#666666;">
            <div style="padding-top: 15px;">收入</div>
            <div style="padding-top: 15px;">余额</div>
            <div style="padding-top: 15px;">摘要</div>
            <div style="padding-top: 15px;">交易地点/附言</div>
        </td>
        <td style="font-size: 32px;width: 20%;color:#666666;">
            <div style="padding-top: 15px;color: #cf4c6e;">18,340.34</div>
            <div style="padding-top: 15px;">18,340.34</div>
            <div style="padding-top: 15px;">代发工资</div>
            <div style="margin-top: 15px;">代发工资</div>
        </td>
        <td style="width: 14.5%;">
            &nbsp;
        </td>
        <td style="width: 10%;">
            <div style="margin-top: -60px"><i class="down"></i></div>
        </td>
    </tr>
    <tr style="height: 40px;">
        <td colspan="7">
            <div class="div-line"></div>
        </td>
    </tr>
    <tr>
        <td style="width: 1.5%;">
            &nbsp;
        </td>
        <td style="width: 14%;">
            <div style="font-size: 40px">周一</div>
            <div style="font-size: 32px">2019/03/11</div>
        </td>
        <td style="width: 6%;">
            <div style="margin-top: -95px;">
                <div class="Odiv"></div>
            </div>
        </td>
        <td style="font-size:32px;width: 24%;color:#666666;">
            <div style="padding-top: 15px;">收入</div>
            <div style="padding-top: 15px;">余额</div>
            <div style="padding-top: 15px;">摘要</div>
            <div style="padding-top: 15px;">交易地点/附言</div>
        </td>
        <td style="font-size: 32px;width: 20%;color:#666666;">
            <div style="padding-top: 15px;color: #cf4c6e;">16,735.00</div>
            <div style="padding-top: 15px;">16,735.00</div>
            <div style="padding-top: 15px;">代发工资</div>
            <div style="margin-top: 15px;">代发工资</div>
        </td>
        <td style="width: 14.5%;">
            &nbsp;
        </td>
        <td style="width: 10%;">
            <div style="margin-top: -60px"><i class="down"></i></div>
        </td>
    </tr>


</table>
</body>

</html>